body{
    margin: 0;
    padding: 0;
    background:url('../imges/11111.jpg') ;
    background-repeat: no-repeat;
    // position: fixed;
    // margin: 0;right: 0;left: 0;top: 0;
    // background-color: rgba(26, 22, 22, .5);
    

.bigBox{
    margin: 0 auto;
    margin-top: 200px;
    padding: 20px 50px;
    background-color: #00000090;
    width: 400px;
    height: 350px;
    border-radius: 10px;
    text-align: center;
    #main{
        position: absolute;
        top: 345px;
        left: 835px;
        width: 20px;
    }
    h1{
        color: #fff;
    }
    .inputBox{
        margin-top: 50px;
        .inputButton{
            cursor: pointer;
            border: 0;
            width: 150px;
            height: 35px;
            color: #fff;
            margin-top: 30px;
            border-radius: 20px;
            background-image: linear-gradient(to right, #a8caba 0%, #5d4157 100%);
        }
        .code{
            margin-top: 20px;
            .input-val {
                width: 150px;
                height: 32px;
                border: 1px solid #ddd;
                box-sizing: border-box;
                }
                #canvas {
                    vertical-align: middle;
                    box-sizing: border-box;
                    border: 1px solid #ddd;
                    cursor: pointer;
                    }
                  
        }
        .inputText{
            margin-top: 20px;
            &:nth-child(1) img{
            
                width: 20px;
                position: absolute;
                top: 400px;
                left: 835px;
               
            }
            
            input{

                border: 0;
                padding: 10px 10px ;
                border-bottom: 1px solid #fff;
                background-color: #00000000;
                color: #fff;

            }
            #d::-webkit-input-placeholder{
                color: red;
            }
           
        }
    }
    .min{
        float: right;
        text-decoration: none;
        color: #f68084;
    }
}


.bigBox2{
    .inputButton2{
        cursor: pointer;
        border: 0;
        width: 150px;
        height: 35px;
        color: #fff;
        margin-top: 30px;
        margin-left: 20px;
        border-radius: 20px;
        background-image: linear-gradient(120deg, #a6c0fe 0%, #f68084 100%);
    
    }
    color:#fff;
    margin: 0 auto;
    margin-top: 200px;
   
    padding: 20px 50px;
    background-color: #00000090;
    width: 400px;
    height: 380px;
    border-radius: 10px;
    text-align: center;
    h1{
        color: #fff;
    }
    .inputBox2{
        
        // margin-top: 50px;
        .inputText2{
            margin-top: 20px;
            span{
                margin-right: 5px;
            }
                        input{

                    border: 0;
                    padding: 10px 10px ;
                    border-bottom: 1px solid #fff;
                    background-color: #00000000;
                    color: #fff;
                
            }
            
        }}

}

.max{
    float: right;
        text-decoration: none;
        color: #f68084;
}
}